
import React, { Component } from "react";
import "../../asserts/styles/todoList/tabs.scss"

const filters = ['all', 'finished', 'todo']

class Operation extends Component {
  render() {
    return (
      <div className="statics">
        <ul className="operations">
          {
            filters.map(filter => {
              return (
                <li
                  key={filter}
                  onClick={() => this.props.changeFilter(filter)}
                >
                  {filter}
                </li>
              );
            })
          }
        </ul>
      </div>
    );
  }
}

export default Operation;
